<template>
	<view class="ordermain">
		<view>
			<u-tabs :list="tablist" @click="click" :scrollable="false" lineWidth="50" lineColor="#F5AC3C" :activeStyle="{
            color: '#F5AC3C',
            fontWeight: 'bold',
            fontSize:'14px'
			}" :inactiveStyle="{
		            fontSize:'14px'
		    }"></u-tabs>
		</view>
		<view v-show="current == 0">
			<orderindex />
		</view>
		<view v-show="current == 1">
			<ordervews />
		</view>
		<view v-show="current == 2">
			<orderefund />
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import orderindex from './orderindex.vue'
	import ordervews from './reviews.vue'
	import orderefund from './orderefund .vue'

	let current = ref(0)

	const tablist = [{
			name: '全部订单'
		},
		{
			name: '我的评价'
		}, {
			name: '退款'
		}
	]
	const click = (item) => {
		current.value = item.index
	}
</script>

<style lang="scss">
	.ordermain {
		background-color: #F8F8F8;
		width: 100%;
		height: 100vh;
	}

	.topbar {
		font-size: 14px;
	}
</style>